<!-- 列表、表格和其它元素 -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo4</title>
</head>

<body>
    <h1>列表</h1>
    <ol>
        <li>
            亚洲
            <ul>
                <li>中国</li>
                <li>日本</li>
                <li>韩国</li>
            </ul>
        </li>
        <li>
            欧洲
            <ul>
                <li>英国</li>
                <li>法国</li>
                <li>德国</li>
            </ul>
        </li>
    </ol>

    <h1>表格</h1>
    <table border="1">
        <caption>成绩单</caption>
        <tr>
            <th>姓名</th>
            <th colspan="3">各科成绩</th>
        </tr>
        <tr>
            <td>张三</td>
            <td>90</td>
            <td>92</td>
            <td>84</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>60</td>
            <td>72</td>
            <td>54</td>
        </tr>
    </table>

    <h1>引用</h1>
    <h2>块引用</h2>
    <p>
        抗日民族英雄吉鸿昌将军就义时讲：
        <blockquote>
            <p>
                恨不抗日死，留作今日羞。国破尚如此，我何惜此头!”他甘洒热血，视死如归，所报者，也是“祖国”。
            </p>
        </blockquote>
    </p>
    <h2>行内引用</h2>
    <p>
        看那春雨过后，如穹庐般的春天挂了一弯七彩的桥，有如人脸上的微笑，使人迷醉。春神，
        你是否就是从这桥上姗姗而来？聆听那山泉的回响，琤琤淙淙的乐声，不是很像那会自动奏出美妙旋律的白鹃吗？
        瞧那在树梢上的啾啾合唱团，此起彼和，正赞颂着这可人的春天，放眼望那蔚蓝的天空之中，点缀着几朵洁白悠悠的白云。
        朋友，何不<q>抛开忧郁，忘了那不如意；走出户外，让我们看云去</q>？
    </p>

    <h1>预格式化文本</h1>
    <h2>计算机代码</h2>
    使用C语言在屏幕上输出一句话：printf("Hello, world!"); <br>
    使用C语言在屏幕上输出一句话：<code>printf("Hello, world!");</code>
    <h2>pre</h2>
    <pre>
        你好     我是Haowei
  
        我即将成为一名
        <h1>技术</h1>
        大神。
    </pre>
    <h2>音频</h2>
    <audio src="src/1.mp3" controls="controls">您的浏览器不支持 audio 标签。</audio>
    <h2>视频</h2>
    <video src="src/2.mkv" controls="controls">您的浏览器不支持 video 标签。</video>
</body>

</html>